@font-face {
    font-family: 'din_alternatebold';
    src: url('../fonts/dinAlternate/din_alternate_bold-webfont.woff2') format('woff2'), url('../fonts/dinAlternate/din_alternate_bold-webfont.woff') format('woff');
}

.din_alternatebold {
    font-family: 'din_alternatebold';
    font-weight: normal;
    font-style: normal;
}

body {
    background: #1D2B46;
    font-family: "Helvetica Neue", "PingFang SC", sans-serif, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial;
}


/**鼠标变手型**/

.hand {
    cursor: pointer;
}

.top {
    top: 0;
}

.left {
    left: 0;
}

.bottom {
    bottom: 0;
}

.right {
    right: 0;
}

.h-16vh {
    height: 16.666666vh
}

.h-20 {
    height: 20% !important
}

.h-40 {
    height: 40% !important
}

.h-60 {
    height: 60% !important
}

.h-80 {
    height: 80% !important
}

.h-85 {
    height: 85% !important
}

.h-90 {
    height: 90% !important
}

.h-95 {
    height: 95% !important
}

.h-98 {
    height: 98% !important
}

.w-h-32p {
    width: 32px;
    height: 32px;
}

.w-h-40p {
    width: 40px;
    height: 40px;
}

.w-h-50p {
    width: 50px;
    height: 50px;
}

.w-h-60p {
    width: 60px;
    height: 60px;
}

.w-h-100p {
    width: 100px;
    height: 100px;
}

.w-16vh {
    width: 16vh;
}

.w-25vh {
    width: 25vh;
}

.w-30vh {
    width: 30vh;
}

.min-w-450 {
    min-width: 450px;
}

.min-w-450 .el-dialog {
    min-width: 450px;
}

.w-auto {
    width: auto !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-10 {
    z-index: 10 !important;
}

.z-index-20 {
    z-index: 20 !important;
}

.z-index-100 {
    z-index: 100 !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-2 {
    border: 2px solid #000000;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/**--去除按扭点击后浏览器自带阴影--**/

button:focus {
    outline: 0;
}

input:focus {
    outline: 0;
}

span:focus {
    outline: 0;
}

div:focus {
    outline: 0;
}

p:focus {
    outline: 0;
}

.text-din-data {
    color: #FF4500;
}

textarea {
    resize: none
}

.m-touch {
    -webkit-overflow-scrolling: touch;
}

.small {
    font-size: 80% !important;
}

.el-tabs .el-tabs__content {
    height: 100% !important;
}

.input-with-select .el-input-group__prepend {
    background-color: #fff;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

img {
    width: 100%;
}

.opacity-25 {
    opacity: .25;
}

.opacity-50 {
    opacity: .50;
}

.opacity-75 {
    opacity: .75;
}

.border-light-1 {
    border-color: #ebeef5 !important;
}

.border-light-1.el-divider {
    background-color: #ebeef5;
}

.border-light-2 {
    border-color: #CED4DA !important;
}

.border-light-2.el-divider {
    background-color: #CED4DA;
}

.bg-secondary-1 {
    background: #bccbd1 !important;
}

.bg-none {
    background: none !important;
}

.rounded-100 {
    border-radius: 100px !important;
}

.rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left-0 .el-input__inner {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-right-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-right-0 .el-input__inner {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.box-shadow-10 {
    box-shadow: 0 0.1rem 0.31rem 0.02rem rgba(0, 0, 0, .10)
}

.box-shadow-20 {
    box-shadow: 0 0.1rem 0.31rem 0.02rem rgba(0, 0, 0, .20)
}

.overflow-y {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.points {
    float: left;
}

.points div {
    width: 4px;
    height: 24px;
    margin-right: 3px;
    border-radius: 2px;
}

.bg-light-point div {
    background-color: rgba(0, 0, 0, .1);
}

.bg-success-point div {
    background-color: #00C44B;
}

.el-card.h-100 .el-card__body {
    height: 100% !important;
}

.el-table.h-100 .el-table__body-wrapper {
    height: 100% !important;
}